<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页</title>
  <style>
    /* 添加自定义样式以美化表单 */
    .form-container {
      width: 300px;
      padding: 20px;
      background-color: #f2f2f2;
      border-radius: 5px;
      margin: 0 auto;
    }

    .form-group {
      margin-bottom: 15px;
    }

    .form-label {
      display: block;
      font-weight: bold;
      margin-bottom: 5px;
    }

    .form-input {
      width: 100%;
      padding: 8px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    .form-submit {
      width: 100%;
      padding: 10px;
      background-color: #4CAF50;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .form-submit:hover {
      background-color: #45a049;
    }
  </style>
</head>
<body>
  <div class="form-container" >
    <form action="search">
      <div class="form-group">
        <label class="form-label" for="code">股票名称:</label>
        <select class="form-input" id="code" name="code" required>
            <option value="sh600052">东望时代</option>
            <option value="sh600061">国投资本</option>
            <option value="sh600066">宇通客车</option>
            <option value="sh600072">江南重工</option>
            <option value="sh600000">浦发银行</option>
        </select>

      </div>
      <div class="form-group">
        <label class="form-label" for="start-date">开始日期:</label>
        <input class="form-input" type="date" id="start-date" name="start_date" required>
      </div>
      <div class="form-group">
        <label class="form-label" for="end-date">结束日期:</label>
        <input class="form-input" type="date" id="end-date" name="end_date" required>
      </div>
      <button class="form-submit" type="submit">提交</button>
    </form>
  </div>
</body>
</html>
